$(function() {
	setXzSvg()
	//设置svg动画大小
	function setXzSvg() {
		var xzWidth = $(".xz-animate iframe").width();
		var xzSetWidth = 1860;
		var xzSetHeight = 856;
		var RATIO = xzSetWidth / xzSetHeight;
		var currXZHeight = xzWidth / RATIO;
		if(!IsPC() || $(window).width() <= 768){
			var barHeight = $(".sub-container").height();
			$(".xz-animate iframe").height(currXZHeight);
			$(".xz-animate iframe").css("marginTop",barHeight + "px");
			$(".xz-animate").height($(".xz-animate iframe").height() * 1.5);
			$(".particles").height(300);
		}else {
			$(".xz-animate iframe").height(currXZHeight);
			$(".xz-animate service-wrap").height(currXZHeight);
			$(".xz-animate").height($(".xz-animate iframe").height());
			$(".xz-animate iframe").css("marginTop","0px");
		}

		$(window).resize(function(){
			if($(window).width() <= 768){
				var newWidth = $(".xz-animate iframe").width();
				currXZHeight = newWidth / RATIO;
			  	$(".xz-animate iframe").height(currXZHeight);
			  	$(".xz-animate").height($(".xz-animate iframe").height() * 1.5);
			  	$(".xz-animate iframe").css("marginTop",barHeight + "px");
			}else {
			  	var newWidth = $(".xz-animate iframe").width();
				currXZHeight = newWidth / RATIO;
			  	$(".xz-animate iframe").height(currXZHeight);
			  	$(".xz-animate").height($(".xz-animate iframe").height());
			  	$(".xz-animate iframe").css("marginTop","0px");
			}		
		});
	}
	
    // 精选案例动画
	function caseAnimate() {	
		var caseTop1 = $(".case-distance").offset().top;		
		var windowTop = $(window).height() / 2 + $(window).height();
		var caseHeight = $(".case-img").height();
		var caseShow =  caseTop1 - windowTop ;
		var hideNameTop = caseTop1 - windowTop;
		var caseName4 = caseShow + caseHeight * 3;
		var caseName3 = caseShow + caseHeight * 2;
		var caseName2 = caseShow + caseHeight;
		var caseName1 = caseShow;
		var MCaseNamne = caseHeight + caseHeight/2;
		if(!IsPC()) {
			$(".case-name").addClass("case-show-p");
			$(".case-img-mask4").animate({opacity:1},50);
			$(".case-img-mask3").animate({opacity:1},50);
			$(".case-img-mask2").animate({opacity:1},50);
			$(".case-img-mask1").animate({opacity:1},50);
			// $(window).scroll(function() {
			// 	if($(window).scrollTop() > caseName4 + MCaseNamne ){
			// 		console.log(4)
			// 		$(".case-img-mask4").animate({opacity:1},200)
			// 	}else if($(window).scrollTop() > caseName3 + MCaseNamne){
			// 		console.log(3)
			// 		$(".case-img-mask3").animate({opacity:1},200)
			// 	}else if($(window).scrollTop() > caseName2 + MCaseNamne){
			// 		console.log(2)
			// 		$(".case-img-mask2").animate({opacity:1},200)
			// 	}else if($(window).scrollTop() > caseName1 + MCaseNamne){
			// 		$(".case-img-mask1").animate({opacity:1},200)
			// 		console.log("1")
			// 	}else {
			// 		console.log("guan")
			// 		$(".desaturate").animate({opacity:0},50)
			// 	}
			// })
		}else {
			var flag = false;
			console.log(caseTop1,windowTop)
			console.log(caseShow)
			$(window).scroll(function() {
				if($(window).scrollTop() > caseName4){
					$(".name4").addClass("case-show")
				}else if($(window).scrollTop() > caseName3){
					$(".name3").addClass("case-show")
				}else if($(window).scrollTop() > caseName2){
					$(".name2").addClass("case-show")
				}else if($(window).scrollTop() > caseName1){
					$(".name1").addClass("case-show")
					console.log("1")
				}else{
					$(".case-name").removeClass("case-show")
				}
			})
		}
	}
		
	setImgSize();
	caseAnimate()
	function setImgSize() {
		var caseWidth = 556;
		var caseHeight = 370;
		var logoWidth = 220;
		var logoHeight = 90;
		var serImgWidth = 524;
		var serImgHeight = 195;
		var logoR = logoWidth / logoHeight;
		var imgR = caseWidth /caseHeight;
		var servR = serImgWidth / serImgHeight;
		if( !IsPC() || $(window).width() <= 768) {
			$(".case-img").height($(".case-img").width()/ imgR );
			$(".case-wrap").eq(2).hide();
			$(".case-wrap").eq(3).hide();
			$(".address-img").attr("src","img/address2.jpg")
			$(".service-img").height($(".service-img").width() / servR)
			$(".xzbg").height($(".xz-animate").height() / 2 );
		}else {
			$(".case-img").height($(".case-img").width()/ imgR);
			$(".case-wrap").eq(2).show();
			$(".case-wrap").eq(3).show();
			$(".address-img").attr("src","img/address.jpg")
			$(".xzbg").height($(".xz-animate").height() / 2 );
		}
		$(window).resize(function(){
			if($(window).width() <= 768) {
				$(".service-img").height($(".service-img").width() / servR);
				$(".case-img").height($(".case-img").width()/ imgR );
				$(".logoH").height($(".logoH").width() / logoR );
			}else {
				$(".case-img").height($(".case-img").width()/ imgR);
				$(".logoH").height($(".logoH").width() / logoR );
			}
		});
		$(".positive").height(Math.ceil($(".logoH").width() / logoR ));
		console.log("swiper"+$(".positive").height(),"width"+$(".logoH").width())
		$(".reverse").height(Math.ceil($(".logoH").width() / logoR ));
	}

	var serviceTop = $(".service").offset().top - $(window).height() /2;
		 var flag = false;
		 $(window).scroll(function(){
		 	if( $(window).scrollTop() > serviceTop) {
		 		if(!flag) {
		 			moveSeSvg();
		 			flag = true;
		 		}
		 	}
		 });

		 // 判断是否是pc端
	function IsPC() {
	    var userAgentInfo = navigator.userAgent;
	    var Agents = ["Android", "iPhone",
	                "SymbianOS", "Windows Phone",
	                "iPad", "iPod"];
	    var flag = true;
	    for (var v = 0; v < Agents.length; v++) {
	        if (userAgentInfo.indexOf(Agents[v]) > 0) {
	            flag = false;
	            break;
	        }
	    }
	    return flag;
	}

	//swiper
	var swiperPos = new Swiper('.positive', {
        slidesPerView: 5,
        speed:2000,
        autoplay: 1,
        loop:true,
        spaceBetween: 18,
        autoplayDisableOnInteraction : false,
    });
    var revSwiper = new Swiper('.reverse',{
		slidesPerView: 5,
        speed:2000,
        autoplay: 1,
        loop:true,
        spaceBetween: 18,
        autoplayDisableOnInteraction : false,
	})
	var serSwiper = new Swiper('.service-contro',{
        autoplay: 2000,
        loop:true,
        pagination: '.swiper-pagination',
        autoplayDisableOnInteraction : false,
	})

	var logoWidth = 220;
	var logoHeight = 90;
	var logoR = logoWidth / logoHeight;
	$(".positive").height(Math.ceil($(".logoH").width() / logoR ));
	$(".reverse").height(Math.ceil($(".logoH").width() / logoR ));
	$(window).resize(function(){
		$(".positive").height(Math.ceil($(".logoH").width() / logoR ) + 2);
		$(".reverse").height(Math.ceil($(".logoH").width() / logoR ) + 2);
	});

	// 返回最上方
	goBack()
	function goBack() {
		var flag = false;
		 $(window).scroll(function(){
		 	if(!flag) {
		 		$(".back").show();
		 		flag = true;
		 	}
		 	if($(window).scrollTop() < $(".sub-wrap").height()) {
		 		$(".back").hide();
		 		flag = false;
		 	}
		 });
		 if(!IsPC()) {
		 	$(".back").on("touchstart",function() {
				$("html,body").animate({scrollTop: $(".banner-top").offset().top }, {duration: 500,easing: "swing"});
			})
		 }else {
		 	$(".back").on("click",function() {
				$("html,body").animate({scrollTop: $(".banner-top").offset().top }, {duration: 500,easing: "swing"});
				console.log($(".banner-top").offset().top)
			})
		 }
		
	}
	// 显示二级菜单
	function showNav() {
		if(!IsPC()){
			$(".s-nav").on("touchstart",function() {
				$(".nav-list").toggle();
			})
			var flag = false;
			$(".nav-t-name").on("touchstart",function(){
				if(!flag) {
					$(".nav-third").addClass("nav-third-o");
					$(".nav-w").show();
					flag = true;
				}else {
					$(".nav-third").removeClass("nav-third-o");
					$(".nav-w").hide();
					flag = false;
				}
			})
		}else {
			$(".s-nav").on("click",function() {
				$(".nav-list").toggle();
			})
			var flag = false;
			$(".nav-t-name").on("click",function(){
				if(!flag) {
					$(".nav-third").addClass("nav-third-o");
					$(".nav-w").show();
					flag = true;
				}else {
					$(".nav-third").removeClass("nav-third-o");
					$(".nav-w").hide();
					flag = false;
				}
			})
		}
	}
	showNav()

	// 精选案例图片变化
	showCase()
	function showCase() {
		if(IsPC()) {
			$(".desaturate").hover(
				function () {
				    $(this).animate({opacity:1},500);
				},
				function () {
				    $(this).animate({opacity:0},500)
				}
			);
		}else {
			return;
		}
	}
	
})